@charset "UTF-8";

.clear{clear:both;}
#top{padding-bottom:6px;margin:0 auto;width:100%;max-width:1440px;padding-bottom:7.2%;background:url(../images/logo.jpg) no-repeat left center;background-size:100%;}
#top1{padding-bottom:6px;margin:0 auto;width:100%;max-width:1440px;padding-bottom:7.2%;background:url(../images/en_02.jpg) no-repeat left center;background-size:100%;}
#top2{padding-bottom:6px;margin:0 auto;width:100%;max-width:1440px;padding-bottom:7.2%;background:url(../images/e_01.jpg) no-repeat left center;background-size:100%;}
.t1{position:absolute;padding-top:4%;padding-left:52%;}
/*phone*/ 
.t1_m{width:100%;height:30px;display:none;margin-top:9.2%;}
.txt1_m{border:2px solid #005baa;width:85%;height:23px;margin:3px 0 0 3px;border-radius:4px;}
.txt1_m_sub{border:none;background-color:#005baa;color:white;width:10%;height:25px;border-radius:4px;}
.nav_m_but{position:absolute;right:4%;width:7%;display:none;}
.nav_m_but ul li{width:100%;padding-bottom:17%;border-radius:4px;}
.inb{background-color:white;}
.phone_nav{background-color:#005baa;width:60%;position:fixed;top:0;right:0;z-index:999;height:100%;}
.phone_nav a li{color:white;}
.phone_nav li{border-bottom:1px solid #666;border-left:2px solid #666;font-family:微软雅黑;font-size:20px;text-align:center;line-height:40px;width:100%;}
.out_box{width:100%;height:100%;background-color:black;opacity:0.7;position:fixed;z-index:998;top:0;}
@media screen and (max-width:870px) {
  #top{padding-bottom:9.2% !important;position:fixed;top:0;z-index:998;}
  #top1{padding-bottom:9.2% !important;position:fixed;top:0;z-index:998;}
  #top2{padding-bottom:9.2% !important;position:fixed;top:0;z-index:998;}
  .t1{display:none;}
  .t1_m{display:block;}
  .float0831{display:none;}
  #main .banner{width:100% !important;min-width:1px !important;min-height:150px;}
  .banner img{min-height:150px;}
  #slides li{min-width:1px !important;min-height:150px;}
  .nav_m_but{display:block;}
  .nav{display:none;}
  .nav1{display:none;}
  .nav2{display:none;}
  #slides li{min-width:1px;}
  #main .product{width:100% !important;min-width:1px !important;}
  #main .product li{width:49% !important;min-width:1px !important}
  #main .contact{min-width:1px !important;width:100% !important;}
}
@media screen and (max-width:1408px) {
  #main .contact .left{width:100% !important;padding-left:0 !important;padding-right:0 !important;}
  #main .contact .right{width:100% !important;padding-left:0 !important;padding-right:0 !important;}
  #main .contact .right .new{float:left;width:50%;}
}
/*about*/
@media screen and (max-width:800px) {
  #main .product1{width:100% !important;margin-bottom:20px;}
  .menu_list{margin:0 auto;}
  .menu_head{width:123px !important;float:left;background:#f1f1f1 !important;padding:1% 0 1% 0 !important; }
  .menu_body{display:none !important;}
  #main .product1 h2{display:none;}
  #main .product2{float:left;width:100% !important;margin-bottom:20px;}
  #main .product12{display:none;}
}
/*product*/
@media screen and (max-width:533px) {
  #main .product22 ul li{width:48% !important;}
  #main .product22 ul li a img{width:100%;}
  #main .product22 p iframe{height:300px;}
}
@media screen and (max-width:350px) {
  #main .product22 p iframe{height:200px;}
}

/*phone-end*/
#main{margin:0 auto;width:100%;max-width:1440px;margin-top:2px;}
#main .nav{margin:0 auto;width:68%;min-width:850px;background:#005baa;height:54px;border-radius:4px;cursor:pointer;margin-bottom:5px;margin-top:5px;}
#main .nav li {padding-left:5px;padding-right:5px;text-align:center;position:relative;float:left;padding-bottom:0px;width:63px;height:54px;line-height:54px;}
#main .nav1{margin:0 auto;width:68%;min-width:850px;background:#005baa;height:54px;border-radius:4px;cursor:pointer;margin-bottom:5px;margin-top:5px;}
#main .nav1 li {padding-left:5px;padding-right:5px;text-align:center;position:relative;float:left;padding-bottom:0px;width:63px;height:54px;line-height:54px;}
#main .nav2{margin:0 auto;width:68%;min-width:850px;background:#005baa;height:54px;border-radius:4px;cursor:pointer;margin-bottom:5px;margin-top:5px;}
#main .nav2 li {padding-left:5px;padding-right:5px;text-align:center;position:relative;float:left;padding-bottom:0px;width:63px;height:54px;line-height:54px;}
#main .nav li a{color:#ffffff;font-size:15px;}
#main .nav1 li a{color:#ffffff;font-size:12px;}
#main .nav2 li a{color:#ffffff;font-size:12px;}
#main .nav li a:hover{color:black;}
#main .nav1 li a:hover{color:black;}
#main .nav2 li a:hover{color:black;}
#main .banner{margin:0 auto;width:68%;min-width:850px;}
#banner_c{min-height:1px !important;}
#main .banner img{width:100%;}
#slides li{min-width:850px;}
#main .product{margin:0 auto;width:68.7%;min-width:858px;}
#main .product ul{width:100%;}
#main .product li{float:left;width:24%;min-width:205px;background:#3c93c0;margin-left:0.5%;margin-right:0.5%;margin-top:6px;}
#main .product li img{padding:3.5%;width:93%;}     
#main .product li p {text-align:center;height:30px;line-height:30px;}
#main .product li p a{color:#ffffff;font-size:15px;}
#main .contact{margin:0 auto;width:68%;min-width:850px;}
#main .contact .left{float:left;width:575px;padding:10px;}
#main .contact .left img{width:100%;max-width:300px;float:left;height:185px;padding:10px 10px 5px 0px;}
#main .contact .left h2 a{color:#63a9cd;text-indent:1em;}
#main .contact .left p{line-height:25px;font-size:15px;padding-left:10px;}
#main .contact .right{float:left;width:345px;padding:10px;}
#main .contact .right h2 a{color:#63a9cd;text-indent:1em;}
#main .contact .right p{line-height:25px;font-size:15px;}
#main .contact .right .new{border-bottom:1px #e4e3e3 dashed;height:135px;margin-bottom:30px;min-width:338px;}
#main .contact .right .new .date{float:left;width:68px;background:#006699;height:70px;}
#main .contact .right .new .date p{text-align:center;color:#ffffff;font-size:15px;line-height:36px;}
#main .contact .right .new .date2{float:left;width:257px;padding:0px 1px 10px 10px;}
#main .contact .right .new .date2 h4{padding-bottom:15px;}
#main .contact .right .new .date2 p{font-size:14px;line-height:18px;}
#foot{background:#e4e3e3;margin:0 auto;width:100%;min-height:85px;}
.foot1{margin:0 auto;max-width:960px;padding:10px;line-height:22px;}
#main .product1{float:left;width:205px;}
#main .product1 h2{padding:15px 33px;color:#005baa;background:#e6e6e6;text-align:center}
#main .product1 h2 a{color:#005baa;}
#main .product12{background:#f1f1f1;min-height:363px;}
#main .product12 p{font-size:15px;text-indent:1em;line-height:30px;}
#main .product2{float:right;width:74%;}
#main .product21{border-bottom:2px #d3d5d4 solid;width:100%;padding-bottom:15px;padding-top:13px;}
#main .product21 h2{color:#005baa;}
#main .product21 h2 a{color:#005baa;}
#main .product22{width:100%;padding-top:10px;border-right:#eeeeee 2px solid;color:#000;}
#main .product22 h2{font-size:15px;}
#main .product22 ul li{float:left;width:170px;padding-right:0.5%;padding-left:1%;padding-bottom:0px;}
#main .product22 ul li img{border:1px #d3d5d4 solid;width:170px;height:130px;}
#main .product22 ul li p{text-align:center;line-height:39px;}
#main .product22 img{max-width:100%;}
#main .product22 p iframe{width:100%;}
#main .news1{width:100%;}
#main .news1 ul li{width:100%;height:40px;line-height:40px;border-bottom:1px #d3d5d4 solid;}
#main .news1 ul li a{font-size:14px;}
#main .news1 ul li h3 a{font-size:16px;}
#main .news1 ul .li1 img{float:left;border:1px #d3d5d4 solid;margin-right:20px;}
#main .news1 ul .li1 {width:100%;min-height:140px;padding-bottom:10px;}
#main .about{padding:1%;}
#main .about p{font-size:14px;line-height:20px;}
#main .news1 ul .li1 p {font-size:14px;line-height:20px;width:100%;}
#main .news1 ul .li1 a{}
.menu_head{width:193px;line-height:22px;padding:5px;font-size:14px;color:#525252;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0 auto;font-weight:bold;/*background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;*/background-color:#f1f1f1;text-align:center}
.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}
.menu_body{width:203px;height:auto;overflow:hidden;line-height:38px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;display:none !important;}
.menu_body a{display:block;width:223px;line-height:38px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}
.menu_body a:hover{text-decoration:none;}
.float0831{POSITION:fixed;TOP:180px;RIGHT:1px;_position:absolute}
.float0831 A{COLOR:#00a0e9}
.float0831 A:hover{COLOR:#ff8100;TEXT-DECORATION:none}
.float0831 .floatL{POSITION:relative;WIDTH:28px;FLOAT:left}
.float0831 .floatL A{TEXT-INDENT:-9999px;DISPLAY:block;FONT-SIZE:0px}
.float0831 .floatR{BACKGROUND:url(../images/float_bg.gif)}
.float0831 .tp{BACKGROUND:url(../images/float_bg.gif)}
.float0831 .cn{BACKGROUND:url(../images/float_bg.gif)}
.float0831 .floatR{PADDING-BOTTOM:15px;WIDTH:130px;BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:-131px bottom;FLOAT:left;OVERFLOW:hidden}
.float0831 .tp{BACKGROUND-REPEAT:no-repeat;BACKGROUND-POSITION:0% 0%;HEIGHT:10px}
.float0831 .cn{BACKGROUND-REPEAT:repeat-y;BACKGROUND-POSITION:-262px 0px}
.float0831 .cn H3{TEXT-INDENT:-9999px;HEIGHT:36px;FONT-SIZE:0px}
.float0831 .cn UL{PADDING-BOTTOM: 0px;PADDING-LEFT:14px;PADDING-RIGHT:14px;PADDING-TOP:0px}
.float0831 .cn UL LI{BORDER-BOTTOM:#e6e5e4 1px solid;LINE-HEIGHT:36px;WORD-WRAP:break-word;HEIGHT:36px;OVERFLOW:hidden;WORD-BREAK:normal}
.float0831 .titZx{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .titDh{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .titDc{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .icoZx{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .icoTc{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .icoFf{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .icoTl{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .btnOpen{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .btnOpen_n{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .btnCtn{BACKGROUND:url(../images/float_s.gif) no-repeat}
.float0831 .titZx{BACKGROUND-POSITION:5px -10px}
.float0831 .titDh{BACKGROUND-POSITION:5px -66px}
.float0831 .titDc{BACKGROUND-POSITION:5px -124px}
.float0831 .icoZx{BACKGROUND-POSITION:2px -154px}
.float0831 .icoTc{BACKGROUND-POSITION:0px -323px}
.float0831 .icoFf{BACKGROUND-POSITION:2px -213px}
.float0831 .icoTl{PADDING-LEFT:20px;DISPLAY:block;FONT-FAMILY:"Î¢ÈíÑÅºÚ";BACKGROUND-POSITION:2px -266px;FLOAT:left}
.float0831 .btnOpen{BACKGROUND-POSITION:-30px -396px}
.float0831 .btnOpen_n{BACKGROUND-POSITION:0px -530px}
.float0831 .btnCtn{BACKGROUND-POSITION:0px -396px}
.float0831 .icoZx{PADDING-LEFT:28px;DISPLAY:block;FLOAT:left}
.float0831 .icoTc{PADDING-LEFT:28px;DISPLAY:block;FLOAT:left}
.float0831 .icoFf{PADDING-LEFT:28px;DISPLAY:block;FLOAT:left}
.float0831 .btnOpen{POSITION:relative;WIDTH:28px;HEIGHT:118px;TOP:80px;LEFT:2px}
.float0831 .btnOpen_n{POSITION:relative;WIDTH:28px;HEIGHT:118px;TOP:80px;LEFT:2px}
.float0831 .btnCtn{POSITION:relative;WIDTH:28px;HEIGHT:118px;TOP:80px;LEFT:2px}
.float0831 .btnOpen{TOP:6px;LEFT:1px}
.float0831 .btnOpen_n{TOP:118px;LEFT:1px}
.float0831 .btnCtn{TOP:6px;LEFT:2px}
.float0831 UL LI H3.titDc A{WIDTH:80px;DISPLAY:block;HEIGHT:36px}
.float0831 UL LI.top{BORDER-BOTTOM:#ace5f9 1px solid}
.float0831 UL LI.bot{BORDER-BOTTOM-STYLE:none}
.float0831 UL.webZx{PADDING-BOTTOM:0px;PADDING-LEFT:0px;WIDTH:164px;PADDING-RIGHT:0px;BACKGROUND:url(../images/webZx_bg.jpg) no-repeat;HEIGHT:65px;PADDING-TOP:0px}
.float0831 UL LI.webZx-in{BORDER-BOTTOM-STYLE:none;PADDING-LEFT:5px;HEIGHT:50px;PADDING-TOP:8px}
